@import "mixin_helpers";

.dark-nav {
  > ul {
    margin: 0;
    padding: 0;
    background: #11161A;
    @include box-shadow(rgba(0, 0, 0, 0.3) 0px 0px 4px 2px inset);

    &:before {
      border-bottom: 7px solid rgba(10, 13, 14, 1) !important;
    }

    &:after {
      border-bottom: 6px solid rgba(10, 13, 14, 1) !important;
    }

    li.active a {
      color: #fff;
      @include text-shadow(0 1px 0 rgba(0,0,0,.5));
      @include std-bg(rgba(90, 90, 90, 0.2) 0%,rgba(50, 50, 50, 0.1));

      &:hover {
        @include std-bg(rgba(90, 90, 90, 0.2) 0%,rgba(50, 50, 50, 0.1));
      }
    }

    li {
      a {
        @include text-shadow(none);
        text-align: left;
        font-size: 11px;
        padding: 6px 5px 6px 20px;
        border-top: 1px solid rgba(32, 41, 47, 1);
        border-bottom: 1px solid rgba(10, 13, 14, 1);
        color: #bbb;
        display: block;

        &:hover {
          @include std-bg(rgba(90, 90, 90, 0.2) 0%,rgba(50, 50, 50, 0.1));
          color: #fff;
        }
      }

      &:last-child {
        a {
          border-bottom: none;
        }
      }

      &:first-child {
        a {
          border-top: none;
        }
      }
    }
  }

  .dropdown-menu {


    &:before {
      content: '';
      display: inline-block;
      border-top: 7px solid transparent !important;
      border-left: 7px solid transparent !important;
      border-right:8px solid #11161A;
      border-bottom: 7px solid transparent !important;
      position: absolute;
      top: 12px;
      left: -15px;
    }

    float: none;
    position: relative;
    width: 100%;
    @include box-shadow(0 0 2px 2px rgba(0,0,0,.1) inset);
    @include border-radius(0);
    @include box-sizing(border-box);
  }
}

.navbar-inverse .nav.full {
  margin: 0;
  margin-left: 10px;

  > li > a {
    height: 40px;
    line-height: 40px;
    padding: 3px 10px;
    margin-right: 10px;
    background: transparent;
    @include box-shadow(none);
    @include border-radius(0);

    &:hover {
      background: transparent;
    }

    img {
      width: 32px;
      height: 32px;
    }
  }
}

.dropdown-menu {
  @include std-bg(#fdfdfd, whiteSmoke);
  @include box-shadow(0 1px 2px #DADADA);

  li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background: darken(#f5f5f5,1);
    color: #404040;
  }

  li a {
    @include text-shadow(0 1px white);
    color: #475967;
    font-weight: 600;

    i {
      color: #BCBECA;
    }
  }

  li.with-image {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;

    .avatar {
      img {
        max-width: 100px;
        max-height: 100px;
        border: 4px solid #fff;
      }
    }

    span {
      @include text-shadow(0 1px white);
      display: block;
      margin-top: 15px;
      color:  #9EA1AA;
      font-size: 16px;
      font-weight: 600;
    }
  }
}
